<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div id="app">
    <form>
        <select name="cityAddr">
            <option v-for=" city in citys"
                    :key="city.id" :value="city.id">{{city.name}}
            </option>
        </select>
    </form>
</div>
<script src="js/vue.js"></script>
<script src="js/axios.min.js"></script>
<script>
    let vm = new Vue({
        el: "#app",
        data: {
            citys: {}
        },
        mounted() {
            axios.get('city.json').then((resp) => {
                console.log(resp.data)
                this.citys = resp.data;
            }).catch((error) => {
                console.log(error);
            });
        }
    });
</script>
</body>
</html>